<div data-role="page">
    <div data-role="header">
        <a href="#" data-rel="back" class="ui-btn ui-icon-arrow-l ui-btn-icon-left ui-shadow">返回</a>
        <h1>coreHarmony插件</h1>
    </div>
    <div role="main" class="ui-content">
        <p>coreHarmony对标coreAndroid插件</p>
        <p>请查看一下调用示例</p>
        <div data-role="collapsible">
            <h1>清除缓存</h1>
            <button  onclick="clearCacheHarmony()" class="ui-btn ui-btn-a">点击清除web缓存</button>
            <div id="clearInfo" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>返回</h1>
            <button  onclick="backHistoryHarmony()" class="ui-btn ui-btn-a">点击返回</button>
        </div>
        <div data-role="collapsible">
            <h1>清除历史记录</h1>
            <div id="historyInfo" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>拦截系统处理音量+按键</h1>
            <button  onclick="overrideVolumeUp()" class="ui-btn ui-btn-a">点击拦截音量键+</button>
        </div>
        <div data-role="collapsible">
            <h1>取消拦截音量+按键</h1>
            <button  onclick="cancelOverrideVolumeUp()" class="ui-btn ui-btn-a">取消拦截音量+</button>
        </div>
        <div data-role="collapsible">
            <h1>拦截音量键-按键</h1>
            <button  onclick="overrideVolumeDown()" class="ui-btn ui-btn-a">点击拦截音量键-</button>
        </div>
        <div data-role="collapsible">
            <h1 >取消拦截音量键-按键</h1>
            <button  onclick="cancelOverrideVolumeDown()" class="ui-btn ui-btn-a">取消拦截音量-</button>
        </div>
        <div data-role="collapsible">
            <h1>打开新页面测试</h1>
            <button  onclick="loadUrl()" class="ui-btn ui-btn-a">点击打开新页面</button>
        </div>
    </div>
</div>
